var prefix = "/finance/commission";
$(function () {
    load();
});
$('#commissionTable').on('load-success.bs.table', function (e, data) {
    if (data.total && !data.rows.length) {
        $('#commissionTable').bootstrapTable('selectPage').bootstrapTable('refresh');
    }
});

function load() {
    $('#commissionTable').bootstrapTable(
        {
            method: 'get', // 服务器数据的请求方式 get or post
            url: prefix + "/listCommissionLogToMid", // 服务器数据的加载地址
            showRefresh: true,
            // showToggle : true,
            iconSize: 'outline',
            // toolbar: '#exampleToolbar',
            striped: true, // 设置为true会有隔行变色效果
            dataType: "json", // 服务器返回的数据类型
            pagination: true, // 设置为true会在底部显示分页条
            pageList: [10, 20, 50],
            // queryParamsType : "limit",
            // //设置为limit则会发送符合RESTFull格式的参数
            singleSelect: false, // 设置为true将禁止多选
            // contentType : "application/x-www-form-urlencoded",
            // //发送到服务器的数据编码类型
            pageSize: 10, // 如果设置了分页，每页数据条数
            pageNumber: 1, // 如果设置了分布，首页页码
            // search : true, // 是否显示搜索框
            showColumns: true, // 是否显示内容下拉框（选择显示的列）
            sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者
            // "server"
            queryParams: function (params) {
                return {
                    limit: params.limit,
                    offset: params.offset,
                    order: 'desc',
                    mid: $('#mid').val()
                };
            },
            columns: [
                {
                    title: '序号',// 列标题
                    formatter: function (value, row, index) {
                        var pageSize = $('#commissionTable').bootstrapTable('getOptions').pageSize;//通过表的#id 可以得到每页多少条
                        var pageNumber = $('#commissionTable').bootstrapTable('getOptions').pageNumber;//通过表的#id 可以得到当前第几页
                        return pageSize * (pageNumber - 1) + index + 1;
                    }
                },
                {
                    field: 'realname',
                    title: '获得者/订单号',
                    formatter: function (value, row, index) {
                        return '<div style="width:50px;float:left">'+
                            '<img src='+ row.avatar+' style="width:50px;height:50px"> '+
                            '</div>' +
                            '<div>'
                                + '<span>'+ row.realname+'</span>'+'<br/>'
                                + value + '[' +row.mid+']'+'<br/>'
                                + row.orderSn +
                            '</div>';
                    }
                },
                {
                    field: 'type',
                    title: '佣金类型',
                    formatter: function (value, row, index) {
                        if (value == 1) {
                            return '订单佣金'
                        }else {
                            return '团队佣金'
                        }
                    }
                },
                {
                    field: 'productName',
                    title: '商品名称'
                },
                {
                    field: 'commission',
                    title: '所得佣金'
                },
                {
                    field: 'createTime',
                    title: '生成时间'
                },
                {
                    field: 'isGrant',
                    title: '发放状态',
                    formatter: function (value, row, index) {
                        if (value == 1) {
                            return '已发放'
                        }
                        return '未发放'
                    }
                },
                
                {
                    field: 'orderStatusName',
                    title: '订单商品状态'
                }/*,
                {
                    title: '操作',
                    field: 'id',
                    align: 'center',
                    formatter: function (value, row, index) {

                        var dy = '<a class="btn btn-success btn-sm ' + s_resource_h + '" href="#" mce_href="#" title="来源" onclick="detail(\''
                            + row.id + '\')">' + '<i class="fa fa-eye"></i>来源</a> ';

                        var g = '<a class="btn btn-danger btn-sm ' + s_grant_h + '" href="#" mce_href="#" title="发放" onclick="grantCommission(\''
                            + row.id + '\')">' + '<i class="fa fa-check"></i>发放</a> ';

                        return  dy +g
                    }
                }*/]
        });
}
function reLoad() {
    $('#commissionTable').bootstrapTable('refresh');
}


/**
 * 订单详情页面
 * @param tradNo
 */
function detail(tradNo) {
    $.ajax({
        type:'POST',
        dataType:'JSON',
        url: prefix +"/getOrderByTradNo",
        data:{
            tradNo: tradNo
        },
        success:function (data) {
            if (data.code == 0) {
                var order = data.order;
                if (order) {
                    layer.open({
                        id:'order_detail',
                        type : 2,
                        title : '订单详情',
                        maxmin : true,
                        shadeClose : false,
                        area : [ '80%', '90%' ],
                        content : "/order/manage/detail/" +order.id
                    });
                }
               
            }
        }
    });
}

/**
 * 佣金发放
 * @param id
 */
function grantCommission(id) {
    layer.confirm('确定发放佣金吗？', {
        btn: ['确定', '取消']
    }, function () {
        $.ajax({
            url: prefix + "/grant",
            type: "POST",
            data: {
                'id': id
            },
            beforeSend: function (request) {
                index = layer.load();
            },
            success: function (r) {
                if (r.code == 0) {
                    layer.close(index);
                    layer.msg(r.msg);
                    reLoad();
                } else {
                    layer.msg(r.msg);
                }
            }
        });
    })
}